Apache Tapestry Ajax ইন্টিগ্রেশনকে সহজ করে তোলে, যা ব্যবহারকারীর ইন্টারঅ্যাকশন বা ইনপুট অনুযায়ী পেজ রিফ্রেশ ছাড়াই ডেটা আপডেট করতে সহায়ক। Tapestry Ajax ব্যবহারকারীকে partial page updates (পেজ রিফ্রেশ ছাড়াই নির্দিষ্ট অংশের পরিবর্তন) করার সুবিধা দেয়। এর মাধ্যমে আপনি অ্যাপ্লিকেশনটির পারফরম্যান্স এবং ইউজার এক্সপেরিয়েন্স উন্নত করতে পারেন।
এখানে Ajax এর মাধ্যমে পেজ রিফ্রেশ ছাড়াই ডেটা আপডেট করার একটি সহজ উদাহরণ দেখানো হবে।
Tapestry-তে Ajax ব্যবহার করার জন্য সাধারণত t:ajax ট্যাগ এবং t:zone ট্যাগ ব্যবহার করা হয়। t:ajax ব্যবহারকারী ইন্টারঅ্যাকশন (যেমন বাটন ক্লিক বা ফর্ম সাবমিশন) ট্রিগার করতে ব্যবহৃত হয়, এবং t:zone দিয়ে পেজের একটি নির্দিষ্ট অংশে আপডেট করা হয়।
t:button এর মাধ্যমে Ajax কলধরা যাক, আমরা একটি সিম্পল কাউন্টার তৈরি করতে যাচ্ছি যেখানে button ক্লিক করার সাথে সাথে কাউন্টার ভ্যালু আপডেট হবে, কিন্তু পুরো পেজ রিফ্রেশ হবে না।
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd">
<head>
<title>Ajax Counter</title>
</head>
<body>
<h2>Ajax Counter</h2>
<!-- Display Counter Value -->
<p>Current Count: <span t:id="countValue">${count}</span></p>
<!-- Ajax Button to Update Count -->
<t:button t:id="incrementButton" value="Increment"
t:ajax="incrementCount,zone=countZone" />
<!-- Zone for Updating Counter Value -->
<t:zone t:id="countZone">
<span>${count}</span>
</t:zone>
</body>
</html>
এখানে:
t:button: এটি একটি বাটন তৈরি করে, যা ক্লিক করার সাথে সাথে incrementCount মেথডটিকে কল করবে এবং countZone নামের একটি জোন আপডেট করবে। এতে Ajax ব্যবহার করা হয়েছে যাতে পেজ রিফ্রেশ না হয়।t:zone: এটি একটি নির্দিষ্ট এলাকা বা অংশ যেখানে ডেটা আপডেট হবে। এখানে countZone নির্দিষ্ট করে দেয়া হয়েছে, যেখানে কাউন্টার ভ্যালু দেখানো হবে।এখন, counter ভ্যালু পরিচালনা করার জন্য একটি Java ক্লাস তৈরি করতে হবে।
package com.example.pages;
import org.apache.tapestry5.annotations.Property;
import org.apache.tapestry5.annotations.SetupRender;
public class Counter {
@Property
private int count;
// Increment counter value
public void incrementCount() {
count++;
}
// Setup initial count value
@SetupRender
public void setup() {
if (count == 0) {
count = 0; // Initial value for the counter
}
}
}
এখানে:
@Property: count ভ্যারিয়েবলটি Tapestry দ্বারা অটোমেটিকভাবে ম্যানেজ হবে। এটি UI টেমপ্লেটে ব্যাকএন্ড ডেটার সাথে বাইনড হবে।incrementCount(): এই মেথডটি Ajax কল হওয়ার পরে count ভ্যালু ১ বাড়াবে।@SetupRender: প্রথমবার পেজ রেন্ডার হওয়ার সময় কাউন্টারটি ০ দিয়ে শুরু হবে।incrementCount() মেথডটি কল হবে এবং count ভ্যালু ১ বাড়বে।t:zone ট্যাগের মাধ্যমে শুধুমাত্র কাউন্টার ভ্যালু আপডেট হবে, পেজের অন্য কোনো অংশ রিফ্রেশ হবে না।Tapestry এবং Ajax এর মাধ্যমে পেজ রিফ্রেশ ছাড়াই ডেটা আপডেট করার প্রক্রিয়া খুবই সহজ এবং কার্যকর। t:ajax এবং t:zone ব্যবহার করে আপনি পেজের নির্দিষ্ট অংশ আপডেট করতে পারেন। এতে ইউজার এক্সপেরিয়েন্স উন্নত হয় এবং অ্যাপ্লিকেশনটির পারফরম্যান্সও বৃদ্ধি পায়। Ajax ইন্টিগ্রেশনটি Tapestry-কে আরও শক্তিশালী এবং ইন্টারঅ্যাকটিভ ওয়েব অ্যাপ্লিকেশন ডেভেলপমেন্টের জন্য উপযুক্ত করে তোলে।
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
